import React, { useEffect, useState } from 'react';
import style from './index.less'
import { Tooltip } from 'antd';

const EntryList = ({ homeData = {} }) => {
    const menus = homeData?.entry || [];
    return (
        <div>
            <ul className={style['entry_ul']}>
                {
                    menus?.map((it: any) => {
                        return <li>
                            <img src={it.image_url} />
                            <div className={style['entry_name']}><Tooltip placement="topLeft" title={it.name}>{it.name}</Tooltip></div>
                        </li>
                    })
                }
            </ul>
        </div>
    )
}

export default EntryList;